<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>何人堂网站信息详情</title>
<!--****js或jq的设置**-->
<!--***css样式区***-->
<script type="text/javascript" src="<%=request.getContextPath()%>/HRTWEB/js/jquery-1.9.1.js"></script>
<%@include file="../publicJSCSS.jsp"%>

<!-- 分页插件 -->
<link href="<%=request.getContextPath()%>/HRTWEB/css/bootstrap/bootstrap.min.css" rel="stylesheet" />
<script type="text/javascript" src="<%=request.getContextPath()%>/HRTWEB/js/jqPaginator.js"></script>
<script src="<%=request.getContextPath()%>/HRTWEB/js/bootstrap/bootstrap.min.js"></script>

<!--放大镜-->
<link href="css/base.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="js/base.js"></script>

<!--选项卡--->
<link rel="stylesheet" href="<%=request.getContextPath()%>/HRTWEB/details/css/tab/idangerous.css">
<script src="<%=request.getContextPath()%>/HRTWEB/details/js/tab/idangerous.swiper.min.js"></script>

<!--商品尺寸价格选择-->
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript" src="js/details.js"></script>

<!--text文本框商品数量增加或商品数量减少-->
<script type="text/javascript" src="../js/number_payfor.js"></script>
<link type="text/css" rel="stylesheet" href="../css/number.css" />

<!--级联-->
<link href="css/cityLayout.css" type="text/css" rel="stylesheet">

<!-- 评论 -->
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/HRTWEB/details/css/giftDetail.css">
	<script type="text/javascript" src="<%=request.getContextPath()%>/HRTWEB/details/js/giftDetail.js"></script>
	<!-- 多图片展示 -->
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/HRTWEB/details/css/smallAndLarge.css" />

<!-- *********评论结束******* -->
</head>

<body>
	<!--鼠标滑过弹出jquery在线客服-->
	<!--固定广告-->
	<%@include file="../kefu.jsp"%>

	<!--首页开始-->
	<div>
		<%@include file="../head.jsp"%>
		<!----------------------********头部结束********---------------------------->

		<!---***中部***-->
		<div>
			<div class="detailss">
				<!--中部左上方-->
				<div class="introShow">
					<div class="right-extra">
					    <div id="preview" class="spec-preview"> <span class="jqzoom"><img jqimg="${fistImg}" src="${fistImg}" width="350px" height="350px" /></span> </div>
					    <!--缩图开始-->
					    <div class="spec-scroll"> <a class="prev">&lt;</a> <a class="next">&gt;</a>
					      <div class="items">
					        <ul id="ulImg">
					        	<c:forEach items="${picGiftImg}" var="picImg" >
						          	<li><img alt="HRT" bimg="${picImg}" src="${picImg}" width="350px" height="350px" /></li>
					        	</c:forEach>
					        </ul>
					      </div>
					    </div>
					    <!--缩图结束-->
					</div>
				</div>
				<!---------------------中部左上方结束------------------->

				<!--中部右上方-->
				<div style="width: 50%; float:right;">
					<div id="tabs_xq">
						<div class="tab_xq">
							<a href="#" class="cur">带图片选择</a>

						</div>
						<div class="iteminfo_buying">
							<form action="<%=request.getContextPath()%>/HRTWEB/buyGift.do"
								method="post" id="orderInfor">
								<!--规格属性-->
								<div class="sys_item_spec">
									<dl
										class="clearfix iteminfo_parameter iteminfo_parameter_default lh32">
										<dt>价格:</dt>
										<dd>
											<span class="iteminfo_mktprice">￥<b
												class="sys_item_mktprice">${detailGI.salePrice}</b></span>
										</dd>
									</dl>
									<dl class="clearfix iteminfo_parameter lh32">
										<dt>促销:</dt>
										<dd>
											<span class="iteminfo_price">￥ <b
												class="sys_item_price">${detailGI.promotion}</b></span> <input
												type="hidden" id="shopType" class="shopType" name="shopType" />
											<input type="hidden" value="${detailGI.id}" name="giftId" />
											<input type="hidden" value="${HRTMember.id}" name="memberId" />
										</dd>
									</dl>
									<dl class="clearfix iteminfo_parameter sys_item_specpara"
										data-sid="1" id="colorTip">
										<dt>颜色:</dt>
										<dd>
											<c:if test="${gdeLen != 0}">
												<%
													int i = 0;
												%>
												<input type="hidden" value="${gdeLen}" id="gdeLen" />
												<c:forEach var="gdetail" items="${giftDetails}">
													<input type="hidden" value="${gdetail.id}" id="gdeId_<%=i %>" />
													<%
														i++;
													%>
												</c:forEach>
											</c:if>
											<ul class="sys_spec_img" id="colorList">
												<c:forEach var="color" items="${detailList}">

													<li><span> <input type="radio"
															id="${detailGI.id}" class="color" name="color"
															colorName="${color}" value="${color}" />${color}</span></li>
												</c:forEach>
												<!-- <li data-aid="3"><a href="javascript:;" title="白色"><img
													src="../images/information/xq/1.png" alt="白色" /></a><i></i></li>
											<li data-aid="4"><a href="javascript:;" title="粉色"><img
													src="../images/information/xq/2.png" alt="粉色" /></a><i></i></li>
											<li data-aid="8"><a href="javascript:;" title="蓝色"><img
													src="../images/information/xq/3.png" alt="蓝色" /></a><i></i></li>
											<li data-aid="9"><a href="javascript:;" title="绿色"><img
													src="../images/information/xq/4.png" alt="绿色" /></a><i></i></li>
											<li data-aid="10"><a href="javascript:;" title="黄色"><img
													src="../images/information/xq/5.png" alt="黄色" /></a><i></i></li>
											<li data-aid="12"><a href="javascript:;" title="灰色"><img
													src="../images/information/xq/6.png" alt="灰色" /></a><i></i></li> -->
											</ul>
										</dd>
									</dl>

									<dl class="clearfix iteminfo_parameter sys_item_specpara"
										data-sid="2" id="sizeTip">
										<dt>尺码:</dt>
										<dd>
											<ul class="sys_spec_text" id="measures">
												<!-- <li data-aid="13"><a href="javascript:;" title="S">S</a><i></i></li>
											<li data-aid="14"><a href="javascript:;" title="M">M</a><i></i></li>
											<li data-aid="16"><a href="javascript:;" title="L">L</a><i></i></li>
											<li data-aid="17"><a href="javascript:;" title="XL">XL</a><i></i></li> -->
											</ul>
										</dd>
									</dl>
								</div>
								<!--规格属性-->
								<!--text文本框商品数量增加或商品数量减少-->
								<div class="p_number">
									<div class="f_l add_chose" id="totalTip">
										<table>
											<tr>
												<td rowspan="2"><c:if test="${detailGI.totals==0}">
														<input type="text" name="qty_item_1" size="3" value="0"
															id="qty_item_1" onKeyUp="setAmount.modify('#qty_item_1')" />
													</c:if> <c:if test="${detailGI.totals!=0}">
														<input type="text" name="qty_item_1" size="3" value="1"
															id="qty_item_1" onKeyUp="setAmount.modify('#qty_item_1')" />
													</c:if></td>
												<td><a class="add"
													onClick="setAmount.add('#qty_item_1')"
													href="javascript:void(0)">+</a></td>
												<td rowspan="2">(库存${detailGI.totals}件)</td>
											</tr>
											<tr>
												<td><a class="reduce"
													onClick="setAmount.reduce('#qty_item_1')"
													href="javascript:void(0)">-</a></td>
											</tr>
										</table>
									</div>
									<br />
									<!-- 立即购买--vs--加入购物车 -->
									<div id="joinCar">
										<button type="button" id="buyGift" name="buyGift"
											class="buyGiftBtn" title="点击此按钮，到下一步确认购买信息">
											<span>立即购买</span>
										</button>
										<button type="button" id="addCar" name="addCar"
											class="addCarBtn">
											<span>加入购物车</span>
										</button>
									</div>
									<!-- 立即购买--vs--加入购物车结束 -->
								</div>
							</form>
						</div>
						<!--text文本框商品数量增加或商品数量减少结束-->
					</div>
				</div>
			</div>
			<!---------------------中部右上方结束------------------->

			<!----中部中间------>
			<div id="commodity_div">
				<div class="wrap">
					<div class="tabs">
						<a href="#" hidefocus="true" id="aaa" class="active">商品详情</a> 
						<a href="#" hidefocus="true" id="bbb">商品评论</a> 
						<a href="#" hidefocus="true" id="ccc">切换效果</a>
					</div>
					<!-- 记录之前的高度 -->
					<input type="hidden" id="tabHeightNum" value="0"/>
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide tabOne">
								<div class="content-slide">
									<!-- tab内容一 -->
									<input type="hidden" value="${detailGI.id}">
									<div id="tabOne">
										${detailGI.details_Str}
									</div>
								</div>
							</div>
							<div class="swiper-slide tabTwo">
								<div class="content-slide">
									<!-- tab内容二 -->
									<div id="tabTwo" style="width: 100%;" class="m-b-x">
										<div id="commAllAdd">
											<input type="hidden" value="1" id="rankIdOption" /> <input
												type="hidden" value="1" id="radioComment" /> <span><input
												type="radio" name="chiceComment" id="allComment"
												checked="checked" value="1">全部评论</span> <span><input
												type="radio" name="chiceComment" id="pictureComment"
												value="2">追加评论</span> <span><input type="radio"
												name="chiceComment" id="rateComment" value="3">图片</span>
											<!-- <div class="divRight"> -->
											<div style="float: right;">
												<span> <input type="checkBox" checked="checked"
													name="haveContent" id="haveContent" />有内容
												</span> <span> <select id="selected">
														<option selected="selected" rankId="option" value="1">默认排序</option>
														<option rankId="option" value="2">时间排序</option>
												</select>
												</span>
											</div>
										</div>
										<div class="m-t-x m-b-x">
											<table id="commentList" class="comment-table" cellpadding="0"
												cellspacing="0">
											</table>
										</div>

										<!-- 分页 -->
										<div style="text-align: center;">
											<ul class="pagination" id="pagination2"></ul>
										</div>
										<div style="text-align: center;">
											<div id="pageResult">
												<input id="pageCount" type="hidden"
													value="${pageResult.pageCount}" /> <input id="totalCount"
													type="hidden" value="${pageResult.totalCount}" /> <input
													id="pageIndex" type="hidden"
													value="${pageResult.pageIndex}" /> <input id="pageSize"
													type="hidden" value="${pageResult.pageSize}" />
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-slide tabThree">
								<div class="content-slide">
									<div id="tabThree">
										tab内容三
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<script src="<%=request.getContextPath()%>/HRTWEB/details/js/tab/idangerous.js"></script>
				
			</div>
			<!---------------------中部中间结束------------------->

		</div>
		<!----------------------********中部结束********---------------------------->


		<!---***尾部***-->

		<%@include file="../foot.jsp"%>
		<!----------------------********尾部结束********---------------------------->
		<!-- 回顶部和建议代码开始 -->
		<%@include file="../backTop.jsp"%>
		<!-- 回顶部和建议代码结束 -->
	</div>
</body>
</html>